<!DOCTYPE html>

<head>
    <meta charset="gbk" />
    <title>Maya</title>
</head>

<body>

    <div class="container">

        <div class="top">
            <h1 id="title">
                <i class="logo"></i>
                <span>Maya</span>
            </h1>
            <ul class="list-button">
                <li class="list-button-item search"></li>
                <li class="list-button-item menu"></li>
                <li class="list-button-item mini"></li>
                <li class="list-button-item close"></li>
            </ul>
        </div>

        <div class="left">
            <ul class="list-tab">
                <!-- <li class="list-tab-item">name</li> -->
            </ul>
        </div>

        <div class="right">
            <div class="list-icon">
                <!-- <div class="list-icon-item"><i></i><p>name</p></div> -->
            </div>
        </div>

        <div class="search">
            <div class="searchWarp">
                <input class="searchInput">
            </div>
            <div class="searchListWarp">
                <div class="list-icon type-list">
                    <!-- <div class="list-icon-item"><i></i><p>name</p></div> -->
                </div>
            </div>
        </div>

    </div>

</body>
</html>
